<template>
  <div style="overflow: hidden;">
    <myhead @changecurrent="changecurrent" />
    <!-- <nuxt-link :to="{ name: 'About' }">Link的方式</nuxt-link><br /> -->
    <Home v-if="indexcurrent==0" />
    <joinin v-if="indexcurrent==1" />
    <storejoinin v-if="indexcurrent==2" />
    <superperson v-if="indexcurrent==3" />
    <joinus v-if="indexcurrent==4" />
    <ouradvantage v-if="indexcurrent==5" />

    <Myfooter />

  </div>
</template>

<script>



export default {
  name: 'IndexPage',

  data() {
    return {
      indexcurrent: 0
    }
  },
  methods: {
    changecurrent(e) {
      this.indexcurrent = e
    },
  },
  beforeMount() {

    console.log("8.客户端beforeMount...")

  },

  mounted() {

    console.log("9.客户端monted...")

  },

  beforeUpdate() {

    console.log("10.beforeUpdate...");

  },

  updated() {

    console.log("11.updated...");

  },

  beforeDestroy() {

    console.log("12.beforeDestroy...");

  },

  destroyed() {

    console.log("13.destroyed...");

  }

}
</script>
